<!DOCTYPE html>
<html style="height: 100%;">
	<head>
		<meta charset="utf-8">
		<title>培训平台</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="../../../layui/css/layui.css" media="all" />
		<link rel="stylesheet" href="../../../css/public.css" media="all" />
		<link rel="stylesheet" href="../../../css/swiper.min.css"/>
		<link rel="stylesheet" href="ppt.css" />
	</head>

	<body class="childrenBody" style="height: 100%;">
		<div class="topsty">
			<div style="display: inline;"><span style="font-size: 15px;"><i class="layui-icon" style="color: #1E9FFF;margin:0 10px 0 30px;">&#xe65b;</i>课程学习</span></div>
			<div class="backtit" style="top: -5px;">
				<div class="back_san"></div>
				<a href="../list/list.html" class="layui-btn layui-btn-normal">返回列表页</a>
			</div>
			<div class="backtit" style="top: -5px;">
				<a class="layui-btn layui-btn-normal download_btn">下载</a>
			</div>
			
		</div>
		<table class="layui-table tabsty" lay-skin="nob" style="margin: 10px 12%;">
			<colgroup>
				<col width="20%" />
				<col width="30%" />
				<col width="49%" />
			</colgroup>
			<tbody>
				<tr id="firLine">
					<td>
						<div class="layui-input-inline ftdl">
							<label class="fowei" id="courseName"></label>
						</div>
					</td>
					<td>
						<label class="fowei ftdr" style="margin-left: 5%;" id="userName"></label>
						<div class="layui-input-inline ftdl ftdr">
							<label class="fowei">姓名</label>
						</div>
					</td>
					<td>
						<div class="layui-input-inline ftdr tddlab tddlabbg1 layui-hide" id="continueTime" onclick="monitor_plus.init()">
							<label>点击继续计时</label>
						</div>
						<div class="layui-input-inline ftdr tddlab layui-show" id="remainTime">
							<div class="tddlabbg2"></div>
							<div class="tddlabbg3"></div>
							<label class="tddlabt">
								本页剩余时间
								<span style="color: #E5316E;" id="pageRemainTime"></span>
							</label>
						</div>
						<div class="layui-input-inline ftdr">
							<label class="fowei">课程学习时长</label>
							<span style="color: #E5316E;" id="studyTime"></span>
						</div>
					</td>
				</tr>
				<tr id="secLine">
					<td colspan="3" style="padding: 0px;">
						<!--<script type="text/html" id="jSliderHtml">-->
						  	<!--<div carousel-item>-->
								<!--{{#  layui.each(d.list, function(index, item){ }}-->
									<!--<div><img src="{{d.url}}/attachment/seekFile/{{item}}"></div>-->
								<!--{{#  }); }}-->
								<!--{{#  if(d.list.length == 0){ }}-->
								  	<!--无数据-->
								<!--{{#  } }} -->
						  	<!--</div>-->
						<!--</script>-->
						<div id="layer-photos-demo" class="layer-photos-demo">
							<div class="box">
								<div class="swiper-container">
									<div class="swiper-wrapper">
										<div class="swiper-slide" v-for="item in list">
											<img :src="baseurl + 'file/' +item" :layer-src="baseurl + 'file/' +item" alt="">
										</div>
									</div>
									<div class="swiper-button-next"></div>
									<div class="swiper-button-prev"></div>
									<div class="swiper-pagination"></div>
								</div>
							</div>
						</div>

					</td>
				</tr>
			</tbody>
		</table>		
		<script type="text/javascript" src="../../common/jquery-1.11.3.min.js"></script>
		<script type="text/javascript" src="../../common/config.js"></script>
		<script type="text/javascript" src="../../../layui/layui.js"></script>
		<script type="text/javascript" src="../../common/count.js"></script>
		<script type="text/javascript" src="../../../js/swiper.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/vue"></script>
		<script type="text/javascript" src="ppt.js"></script>
	</body>
</html>